
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">

<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>

<f:view>
	<html>
		<head>
			<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
			<title>rich-sample-app9 Project Artifact in Action</title>			
		</head>
		<body>
		   <f:view>
		   <a4j:form>
		      <rich:panel header="Uppercase" style="width: 315px">
		       <h:outputText value="Your name: " />
		         <h:inputText value="#{demoPage1.message}" >
                      <f:validateLength minimum="1" maximum="30" />
                  </h:inputText>
		
		           <a4j:commandButton value="Convert to UpperCase" reRender="out1" />
		           
		           <h:panelGroup id="out1" >
                        <h:outputText value="Hello, " rendered="#{not empty user.name}" />
                        <h:outputText value="#{demoPage1.upperCase}" />
                        <h:outputText value="!" rendered="#{not empty user.name}" />

                    </h:panelGroup>
		   
		            </rich:panel>

                  </a4j:form>

            </f:view>
		   
		 <!--  
			<h1>Richfaces rich-sample-app9 Project Demo</h1>
			<h:form>  
			    <h:outputLabel value="Your Name: " />
			    <h:inputText value="#{demoPage1.message }" />
				<br/>
				<br/>
			    <h:outputLabel value="Your Name(Capitalized): " />
			    <h:outputText id="out1" value="#{demoPage1.message }" />
				<br/>
				<br/>
				<a4j:commandButton value="Convert to UpperCase" action="#{demoPage1.upperCase }" reRender="out1"/>
			</h:form>	-->
			
			
		</body>
	</html>
</f:view>

